<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/mian.css">
	<link rel="stylesheet" href="./css/icofont.css">
	<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<div class="head">
		<div class=" navigation">
			<div class="head1">
				<a href="">小米网</a><span>|</span>
				<a href="">MIUI</a><span>|</span>
				<a href="">米聊</a><span>|</span>
				<a href="">游戏</a><span>|</span>
				<a href="">多看阅读</a><span>|</span>
				<a href="">云服务</a><span>|</span>
				<a href="">小米移动</a><span>|</span>
				<a href="">问题反馈</a><span>|</span>
				<a href="">select Rdgion</a>
			</div>
				<div class="head2">
					<a href="">登录</a><span>|</span>
					<a href="">注册</a>
					<div class="shopping"><i class="iconfont" >  &#xe60c; 购物车(0)</i>
						<div class="shopping_option">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</div>
				</div>
				</div>
			</div>
			<!-- 主体上半部 -->
			<div class="body">
				<div class="body1">
					<div class="head4">
						<div class="logo">
						<div class="colour1">
							<img src="./miimg/logo.png" alt="">
						</div>
						<!-- <img src="./miimg/milogo.jpg" alt=""> -->
						<img src="./miimg/mimax.gif";></div>
						<div class="Product">
								<a href="">小米手机</a>
								<a href="">红米</a>
								<a href="">平板</a>
								<a href="">电视</a>
								<a href="">盒子·影音</a>
								<a href="">路由器</a>
								<a href="">智能硬件</a>
								<a href="">服务</a>
								<a href="" class="shequ">社区</a>		
						</div>

						<div class="seek">
							<input class="sreach" type="text" style="height:52px ;width:245px; "  >
							<input class="button iconfont" type="submit" type="submit" style="height:54px; width:54px;" value="&#xe616;">
						</div>
					</div>
					<div class="head1" id="head1">
						
						<div class="head1_right">
							<ul class="img">
								<li class="xiaomi_img"><a href=""><img src="./miimg/banner_1.jpg" alt="" width="1290px;" height="465px;"></a></li>

								<li class="xiaomi_img"><a href=""><img src="./miimg/banner_2.jpg" alt="" width="1290px;" height="465px;"></a></li>

								<li class="xiaomi_img"><a href=""><img src="./miimg/banner_3.jpg" alt="" width="1290px;" height="465px;"></a></li>

								<li class="xiaomi_img"><a href=""><img src="./miimg/banner_4.jpg" alt="" width="1290px;" height="465px;"></a></li>

								<li class="xiaomi_img"><a href=""><img src="./miimg/520.jpg" alt="" width="1290px;" height="465px;"></a></li>
							</ul> 


							<ul class="left" id="left">
								<li class="item">
									<a href="" class="a1">手机 平板 电话卡<span class='iconfont'>&#xe622;</span></a>		
									<div class="item_son">
										<ul>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
											<li class="star-goods1"><a href="" class="a2"><img src="./miimg/mi5shouji.jpg" alt=""></a><span>小米手机5</span><a href="" >选购</a></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">电视 盒子<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="" class="midisnshi">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">路由器 只能硬件 <span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a  href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="" class="midisnshi">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>
											<li><p><a href=""><img src="./miimg/tv60.jpg" alt=""></a><a href="">小米电视 60寸</a></p></li>


										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">移动电源 插线板 <span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/miboom.jpg" alt="">小米移动电源</a></p></li>
											<li><p><a href=""><img src="./miimg/miboom.jpg" alt="">小米移动电源</a></p></li>
											<li><p><a href=""><img src="./miimg/miboom.jpg" alt="">小米移动电源</a></p></li>
											<li><p><a href=""><img src="./miimg/miboom.jpg" alt="">小米移动电源</a></p></li>
											<li><p><a href=""><img src="./miimg/miboom.jpg" alt="">小米移动电源</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">耳机 音箱<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>
											<li><p><a href=""><img src="./miimg/toudaierji.jpg" alt="">小米头戴耳机</a></p></li>

										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">电池 存储卡<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/caihong.jpg" alt="">彩虹5号电池</a></p></li>
											<li><p><a href=""><img src="./miimg/caihong.jpg" alt="">彩虹5号电池</a></p></li>
											<li><p><a href=""><img src="./miimg/caihong.jpg" alt="">彩虹5号电池</a></p></li>
											<li><p><a href=""><img src="./miimg/caihong.jpg" alt="">彩虹5号电池</a></p></li>
											<li><p><a href=""><img src="./miimg/caihong.jpg" alt="">彩虹5号电池</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">保护套 后盖<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/baohutao.jpg" alt="">保护套 后盖</a></p></li>
											<li><p><a href=""><img src="./miimg/baohutao.jpg" alt="">保护套 后盖</a></p></li>
											<li><p><a href=""><img src="./miimg/baohutao.jpg" alt="">保护套 后盖</a></p></li>
											<li><p><a href=""><img src="./miimg/baohutao.jpg" alt="">保护套 后盖</a></p></li>
											<li><p><a href=""><img src="./miimg/baohutao.jpg" alt="">保护套 后盖</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">贴膜 其他配件<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/zipaigan.jpg" alt="">自拍杆</a></p></li>
											<li><p><a href=""><img src="./miimg/zipaigan.jpg" alt="">自拍杆</a></p></li>
											<li><p><a href=""><img src="./miimg/zipaigan.jpg" alt="">自拍杆</a></p></li>
											<li><p><a href=""><img src="./miimg/zipaigan.jpg" alt="">自拍杆</a></p></li>
											<li><p><a href=""><img src="./miimg/zipaigan.jpg" alt="">自拍杆</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">米兔 服装<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/mitu.jpg" alt="">米兔</a></p></li>
											<li><p><a href=""><img src="./miimg/mitu.jpg" alt="">米兔</a></p></li>
											<li><p><a href=""><img src="./miimg/mitu.jpg" alt="">米兔</a></p></li>
											<li><p><a href=""><img src="./miimg/mitu.jpg" alt="">米兔</a></p></li>
											<li><p><a href=""><img src="./miimg/mitu.jpg" alt="">米兔</a></p></li>
										</ul>
									</div>
								</li>



								<li class="item" ><a href="" class="a1">箱包 其他周边<span class='iconfont'>&#xe622;</span></a>
									<div class="item_son">
										<ul>
											<li><p><a href=""><img src="./miimg/xiangbao.jpg" alt="">箱包</a></p></li>
											<li><p><a href=""><img src="./miimg/xiangbao.jpg" alt="">箱包</a></p></li>
											<li><p><a href=""><img src="./miimg/xiangbao.jpg" alt="">箱包</a></p></li>
											<li><p><a href=""><img src="./miimg/xiangbao.jpg" alt="">箱包</a></p></li>
											<li><p><a href=""><img src="./miimg/xiangbao.jpg" alt="">箱包</a></p></li>
										</ul>
									</div>
								</li>
							</ul>

							
							<ul class="click">
								<li class="click_button"></li>
								<li class="click_button"></li>
								<li class="click_button"></li>
								<li class="click_button"></li>
								<li class="click_button"></li>
							</ul>
						</div>
					</div>

					<div class="accessories">
						<ul class="left">
							<li class="telecom"><a class="iconfont">&#xe640;</a>电信专场</li>
							<li class="enterprise"><a class="iconfont">&#xe63e;</a>企业团购</li>
							<li class="renovate"><a class="iconfont">&#xe63b;</a>官翻产品</li>
							<li class="move"><a class="iconfont"></a>小米移动</li>
							<li class="change"><a class="iconfont">&#xe900;</a>以旧换新</li>
							<li class="recharge"><a class="iconfont"></a>话费充值</li>
						</ul>
						<div class="right"><a href=""><img src="./miimg/hongmi.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi2.jpg" alt="" width="336px;" height="180px;"></a></div>
						<div class="right"><a href=""><img src="./miimg/hongmi3.jpg" alt="" width="336px;" height="180px;"></a></div>
					</div>



					<div class=" product">
						<div class="product_explain">
							<a class="mingzi" href="">小米明星单品</a>
			<!----------------------------------------------------------------------------------------------------------  -->
							 <div class="kuohao3">
								<div class="kuohaoa"><a href="javascript:void(0)" class="yuan iconfont"></a></div>
								<div class="kuohao1" class="button click" id="next"><a href="javascript:void(0)" class="iconfont"></a></div>
							</div>
						</div>
						<div class="product_listing">
							<div class="product_listing_zhong">
								<div class="single"><a href=""><img src="./miimg/dianshi5.jpg" width="175px;" height="182px;" alt=""></a><a href="">移动电源1000mAh 高配版</a><p class="hei">支持USB Type-C充放电，双向快充</p><p class="ye">149元</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi4.jpg" width="175px;" height="182px;" alt=""></a><a href="">米家压力IH电饭煲</a><p class="hei">5月24日早10点现货</p><p class="ye">999元</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi3.jpg" width="175px;" height="182px;" alt=""></a>
							<a href="">小米手环 光感版</a><p class="hei">心率丶运动丶睡眠全掌控</p><p class="ye">99元</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi2.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米盒子3 增强版</a><p class="hei">高端4K 网络机顶盒</p><p class="ye">399元</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>

								<div class="single"><a href=""><img src="./miimg/dianshi1.jpg" width="175px;" height="182px;" alt=""></a><a href="">小米电视系列</a><p class="hei">买就送爱奇艺会员</p><p class="ye">1799元起</p></div>
							</div>
						</div>
					</div>
				</div>
				
			</div>


		
		<!------------------------------------------------------智能硬件--------------------------------------------------------------- -->

	<div class="page-main">
		<div class="main">
			<div class="home">
				<div class="hardware">
					<p class="home11">智能硬件</p>
					<a href="">查看全部
						<span class="yuan iconfont">&#xe622;</span>
					</a>
				</div>
				<div class="Products_List">
					<div class="air_cleaner">
						<a href=""><img src="./miimg/kongqi.jpg" width="234px;" height="610px;" alt=""></a>
					</div>
					<div class="electronics">
						<div class="electronics1 "><a href=""><img src="./miimg/jingshuiqi.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米净水器 厨下式</a><p class="shuoming">RO反渗透直出纯净水，包邮包安装</p><p class="jiage">1999元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/luyouqi.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米路由器3</a><p class="shuoming">更安全更稳定，现货发售</p><p class="jiage">149元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/anfang.jpg" width="160px;" height="160px;" alt=""></a><a href="">小米智能安防套装</a><p class="shuoming">智能警戒，为您的家增添一份安心</p><p class="jiage">169元 188元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/shoubiao.jpg" width="160px;" height="160px;" alt=""></a><a href="">米兔儿童电话手表</a><p class="shuoming">安全防走丢，宝贝的贴身护卫</p><p class="jiage">299元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/che.jpg" width="160px;" height="160px;" alt=""></a><a href="">九号平衡车</a><p class="shuoming">年轻人的酷玩具，骑行遥控两种玩法</p><p class="jiage">1999元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/xiangji.jpg" width="160px;" height="160px;" alt=""></a><a href="">小蚁运动相机</a><p class="shuoming">边玩边录边拍，手机随时分享</p><p class="jiage">399元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/shexiang.jpg" width="160px;" height="160px;" alt=""></a><a href="">小蚁智能摄像机 夜视版</a><p class="shuoming">能看能听能说，手机远程观看</p><p class="jiage">149元</p></div>
						<div class="electronics1"><a href=""><img src="./miimg/xueya.jpg" width="160px;" height="160px;" alt=""></a><a href="">米家iHealth血压计</a><p class="shuoming">爸妈上手就会用的智能血压计</p><p class="jiage">399元</p></div>
					</div>
				</div>
			</div>



			<div class="home_bottom" >
				<div class="match">
	<!-- --------------------------------------------------搭配--------------------------------------------------------------------- -->	
					<div  class="match_left">搭配</div>
					<div class="match_right">
						<a href="" class="xia-1" >电池存储卡</a>
						<a href="" class="xia-2">耳机音箱</a>
						<a href="" class="xia-3">电源</a>
						<a href="" class="xia-4">热门</a>
					</div>		
				</div>

					
				<div class="span">
					<div class="span1"><a href=""><img src="./miimg/chaxianban.jpg" width="246px;" height="302px;" alt=""></a></div>

					<div class="span2"><a href=""><img src="./miimg/mi5.jpg" width="150px;" height="150px;" alt=""></a><a href="">新品发布</a><p class="xia">1999元起</p><p>57万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span2"><a href=""><img src="./miimg/usb.jpg" width="150px;" height="150px;" alt=""></a><a href="">多彩便携USB线 120cm</a><p class="xia">19元</p><p>18万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>

					</div>

					<div class="span2"><a href=""><img src="./miimg/zipaigan.jpg" width="150px;" height="150px;" alt=""></a><a href="">小米自拍杆</a><p class="xia">49元</p><p>20万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span2"><a href=""><img src="./miimg/mitu.jpg" width="150px;" height="150px;" alt=""></a><a href="">功夫米兔手机支架</a><p class="xia">19元</p><p>1.9万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span1"><a href=""><img src="./miimg/lanya.jpg" width="246px;" height="302px;" alt=""></a>
					</div>

					<div class="span2"><a href=""><img src="./miimg/zml.jpg" width="150px;" height="150px;" alt=""></a><a href="">ZML无限扩展数据线 120cm</a><p class="xia">29元</p><p>5万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span2"><a href=""><img src="./miimg/wifi.jpg" width="150px;" height="150px;" alt=""></a><a href="">小米随身wifi</a><p class="xia">19.9元</p><p>6.2万人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span2"><a href=""><img src="./miimg/pingguo.jpg" width="150px;" height="150px;" alt=""></a><a href="">苹果Lightning to USB数据线</a><p class="xia">39元</p><p>999人评价</p>
						<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
					</div>

					<div class="span3">
						<div class="shang">
							<div class="left"><a href="">小米蓝牙音箱...</a><a href="">199元</a></div>
							<div class="right"><a href=""><img src="./miimg/lyyx.jpg" alt=""></a></div>
						</div>
						<div class="xia">
							<div class="you"><a class="shuo" href="">浏览更多</a><a href="">热门</a></div>
							<div class="zuo"><a class="ming" href=""><i class="iconfont"></i></a></div>
						</div>
						
					</div>
				</div>
<!-- ------------------------------------------------------配件------------------------------------------------------------------ -->

				<div class="box">
					<div class="box_one">
						<div class="one1">配件</div>
						<div class="one2">
							<a class="right" href="">其它配件</a>
							<a class="right1" href="">贴膜</a>
							<a class="right2" href="">后盖</a>
							<a class="right3" href="">保护套</a>
							<a class="right4" href="">热门</a>
						</div>
						
					</div>

					<div class="span">
						<div class="two_2"><a href="left"><img src="./miimg/dianyuan.jpg" alt="" width="246px;" height="302px;" ></a></div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="two_2"><a href="left"></a><img src="./miimg/taozhuang.jpg" alt="" width="246px;" height="302px;" ></div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
							IF设计大奖是两大设计中的一个，
							荣获该奖项，意味着产品在设计上出类拔萃。
						</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/quantie.jpg" alt=""></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="hou">
							<div class="shang">
								<div class="left"><a href="">指环式防滑...</a><a href="">12.5元</a></div>
								<div class="right"><a href=""><img src="./miimg/zhihuan.jpg" alt=""></a></div>
							</div>
							<div class="xia">
								<div class="you"><a class="shuo" href="">浏览更多</a><a href="">热门</a></div>
								<div class="zuo"><a class="ming" href=""><i class="iconfont"></i></a></div>
							</div>
						</div>

					</div>
						
				</div>	

<!-- =----------------------------------为你推荐------------------------------------------------------------------------------------- -->

				<div class="ric">
					<div class="box_one">
						<div class="one1">周边</div>
						<div class="one2">
							<a class="right" href="">箱包</a>
							<a class="right1" href="">生活周边</a>
							<a class="right2" href="">米兔</a>
							<a class="right3" href="">服装</a>
							<a class="right4" href="">热门</a>
						</div>
						
					</div>

					<div class="span">
						<div class="two_2"><a href="left"><img src="./miimg/quanchang.jpg" alt="" width="246px;" height="302px;" ></a></div>

						<div class="span2"><a href=""><img src="./miimg/vling.jpg" alt="" width="150px;" height="150px;"></a><a href="" >小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/vling.jpg" alt="" width="150px;" height="150px;"></a><a href="" >小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/xueyuan.jpg" alt="" width="150px;" height="150px;"></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/xueyuan.jpg" alt="" width="150px;" height="150px;"></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="two_2"><a href="left"></a><img src="./miimg/lvxing.jpg" alt="" width="246px;" height="302px;" ></div>

						<div class="span2"><a href=""><img src="./miimg/xueyuan.jpg" alt="" width="150px;" height="150px;"></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/xueyuan.jpg" alt="" width="150px;" height="150px;"></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="span2"><a href=""><img src="./miimg/xueyuan.jpg" alt="" width="150px;" height="150px;"></a><a href="">小米圈铁耳机</a><p class="quantie">99元</p><p>2万人评价</p>
							<div class="span2_ziji">
								IF设计大奖是两大设计中的一个，
								荣获该奖项，意味着产品在设计上出类拔萃。
							</div>
						</div>

						<div class="two_3">
							<div class="two_4">
								<div class="left"><a class="you" href="">金属鼠标垫...</a><p>49元</p></div>
								<div class="right"><a class="zuo" href=""><img src="./miimg/shubiao.jpg" width="80px;" height="80px;" alt=""></a></div>
							</div>
							<div class="two_5">
								<div class="left"><a class="shuo" href="">浏览更多</a><a href="">热门</a></div>
								<div class="right"><a class="ming" href=""><i class="iconfont"></i></a></div>
							</div>
						</div>

					</div>
						
				</div>	

					<div class="recommend">
						<div class="recommend_top">
							<div class="tuijian">为你推荐</div>
							<div class="kuohao">
								<div class="kuohaoa"><a href="" class="yuan iconfont"></a></div>
								<div class="kuohao1"><a href="" class="iconfont"></a></div>
							</div>
						</div>
						<div class="list">
							<ul>
								<li class="tuijian1"><a href=""><img src="./miimg/shouhuan.jpg" alt=""></a><a href="">小米手环</a><p class="jia">69元</p><p>111万人好评</p></li>

								<li class="tuijian1"><a href=""><img src="./miimg/typec.jpg" alt=""></a><a href="">Type-C 快充数据线</a><p class="jia">39元</p><p>11万人好评</p></li>

								<li class="tuijian1"><a href=""><img src="./miimg/yinxiang.jpg" alt=""></a><a href="">小米随身蓝牙音箱</a><p class="jia">69元</p><p>1000万人好评</p></li>

								<li class="tuijian1"><a href=""><img src="./miimg/wajiao.jpg" alt=""></a><a href="">液态硅胶保护壳</a><p class="jia">39元</p><p>10万人好评</p></li>

								<li class="tuijian1"><a href=""><img src="./miimg/10000.jpg" alt=""></a><a>小米移动电源</a><p class="jia">79元</p><p>1W人好评</p></li>

							</ul>
						</div>
					</div>

<!-- -----------------------------------------------热门产品---------------------------------------------------------- -->

					<div class="evaluate">
						<div class="evaluate_top" >热门产品</div>
						<div class="evaluate_right">
							<ul>
								<li class="remen"><a href=""><img src="./miimg/gaoduanerji.jpg" alt="" width="315px;"></a><a class="zi" href="">挺好，确实比耳机可以听出不少细节，感觉我的耳朵自己被小米惯坏了，音质要求越来越高了！出高端耳机吧</a><p class="kehu">来自于 yinyin19891117 的评价</p><a class="zhu" href="">小米耳机</a><span>|</span><p class="jiage">49元</p></li>

								<li class="remen"><a href=""><img src="./miimg/shuizhi.jpg" alt="" width="315px;"></a><a class="zi" href="">方便实用，小米的东西还不错。。</a><p class="kehu">来自于 yinyin19891117 的评价</p><a class="zhu" href="">小米净水器</a><span>|</span><p class="jiage">49元</p></li>

								<li class="remen"><a href=""><img src="./miimg/chazuo.jpg" alt="" width="315px;"></a><a class="zi" href="">做工沒的說，摸起來手感非常細膩，而且比起傳統的插線板小巧的多。插的也非常的穩固~前前后后買了五個小米插線板...</a><p class="kehu">来自于 yinyin19891117 的评价</p><a class="zhu" href="">小米插线板</a><span>|</span><p class="jiage">49元</p></li>

								<li class="remen"><a href=""><img src="./miimg/fangda.jpg" alt="" width="315px;"></a><a class="zi" href="">小米的东西很好！增大器果然强大！老婆都说很满意！覆盖范围更广！！</a><p class="kehu">来自于 yinyin19891117 的评价</p><a class="zhu" href="">小米wifi放大器</a><span>|</span><p class="jiage">49元</p></li>
							</ul>
						</div>
					</div>

<!-- --------------------------------------------内容---------------------------------------------------------- -->

				<div class="content">
						<div class="evaluate_top" >内容</div>
						<div class="evaluate_right">
							<ul>
								<li class="left"><span>应用</span><a class="yingyong" href="">2015年度应用</a><a class="shuoming" href="">年度应用</a><a class="jia" href="">免费</a><img src="./miimg/yingyong.png" alt="">
								<span class="yuan"></span>
								<span class="yuan1"></span>
								<span class="yuan2"></span>
								<span class="yuan3"></span>
								</li>


								<li class="left2"><span>游戏</span><a class="youxi" href="">魔法英雄</a><a class="shuoming" href="">全球同服，几百万歪果仁等你来战</a><a class="jia" href="">免费</a><img src="./miimg/youxi.png" alt="">
								<span class="yuan"></span>
								<span class="yuan1"></span>
								<span class="yuan2"></span>
								<span class="yuan3"></span>
								</li>

								<li class="right"><span>MIUI主体</span><a class="miui" href="">小米Max【深色版】</a><a class="shuoming" href="">小米Max官方主题，专属的锁屏鲜花壁纸惊艳全场</a><a class="jia" href="">免费 </a><img src="./miimg/zhuti.jpg" alt="">
								<span class="yuan"></span>
								<span class="yuan1"></span>
								<span class="yuan2"></span>
								<span class="yuan3"></span>
								</li>

								<li class="right2"><span>图书</span><a class="shu" href="">阿弥陀佛，么么哒</a><a class="shuoming" href="">大冰新书，12个不舍得读完的丶暖心的丶江湖故事</a><a class="jia" href="">9.99元</a><img src="./miimg/shu.jpg" alt="">
								<span class="yuan"></span>
								<span class="yuan1"></span>
								<span class="yuan2"></span>
								<span class="yuan3"></span>
								</li>
							</ul>
						</div>
					</div>


					<div class="video">
						<div class="video_top">
							<span>视频</span>
								<div class="right">
							
							<i class="iconfont yuan">&#xe622;</i>
							<a href="">查看全部</a>
								</div>
						</div>
						<div class="video_below">
							<div class="part"><a href=""><img src="./miimg/6.44.jpg" alt="" width="315px;"></a><a href="" class="shuoming">小米Max 绝美外观视频</a><p>6.44" 大屏黄金尺寸，看什么都震撼</p>
							<a href="" class="yuan"><i class="iconfont"></i></a>
							</div>

							<div class="part"><a href=""><img src="./miimg/shenten.jpg" alt="" width="315px;"></a><a href="" class="shuoming">笑喷了，沈腾爆笑出演，6集联播</a><p>小米Max沈腾爆笑预告全集</p>
							<a href="" class="yuan"><i class="iconfont"></i></a>
							</div>
		
							<div class="part"><a href=""><img src="./miimg/xiaomi5.jpg" alt="" width="315px;"></a><a href="" class="shuoming">15秒了解小米5 有多快</a><p>华少用超快语速告诉你小米5 到底有多快</p>
							<a href="" class="yuan"><i class="iconfont"></i></a>
							</div>

							<div class="part"><a href=""><img src="./miimg/taosuo.jpg" alt="" width="315px;"></a><a href="" class="shuoming">《去探索》小米年度品牌视频</a><p>与小米一起探索黑科技</p>
							<a href="" class="yuan"><i class="iconfont"></i></a>
							</div>


						</div>

						
						</div>


							
				
		 	</div> 




			
		</div>	


	</div>
	<!-- --------------------------------------------------------------尾部------------------------------------------------------------------------ -->

	<div class="footer">
		<div class="area">
			<div class="top">
				<ul class="category">
					<li><a href=""><i class="iconfont">&#xe634;</i>1小时快修服务</a><span>|</span></li>

					<li><a href=""><i class="iconfont">&#xe635;</i>7天无理由退货</a><span>|</span></li>

					<li><a href=""><i class="iconfont">&#xe636;</i>15天免费换货</a><span>|</span></li>

					<li><a href=""><i class="iconfont">&#xe638;</i>满150元包邮</a><span>|</span></li>

					<li><a href=""><i class="iconfont">&#xe637;</i>520余家售后网点</a></li>
				</ul>
					
			</div>
				 <div class="bottom">
				
					<div class="bottom_xia">
						<p><span>帮助中心</span>
							<a href="">购物中心</a>
							<a href="">支付方式</a>
							<a href="">配送方式</a>
						</p>

						<p><span>服务支持</span>
							<a href="">售后政策</a>
							<a href="">自助服务</a>
							<a href="">相关下载</a>
						</p>

						<p><span>线下门店</span>
							<a href="">小米之家</a>
							<a href="">服务网点</a>
							<a href="">零售网点</a>
						</p>

						<p><span>关于小米</span>
							<a href="">了解小米</a>
							<a href="">加入小米</a>
							<a href="">联系我们</a>
						</p>

						<p><span>关注我们</span>
							<a href="">新浪微博</a>
							<a href="">小米微博</a>
							<a href="">官方微博</a>
						</p>

						<p><span>特色服务</span>
							<a href="">F码通道</a>
							<a href="">小米移动</a>
							<a href="">防伪查询</a>
						</p>
					</div>
				<div class="left">
					<p class="shang">400-100-5678</p>
					<span>周一至周日 8:00-18:00 </span>
					<p class="xia">（仅收市话费）</p>
					<a class="di" href=""><i class="iconfont">&#xe600;</i>24小时在线客服</a>
				</div>
			</div>	 
		</div>	
	</div>


	<div class="finally">
		<div class="xia">
			<div class="left">
				<div class="logo"><img src="./miimg/logo.png" width="49px;" height="49px;" alt=""></div>
				<p class="shang">
					<a href="">小米网</a><span>|</span>
					<a href="">MIUI</a><span>|</span>
					<a href="">米聊</a><span>|</span>
					<a href="">小米书城</a><span>|</span>
					<a href="">小米路由器</a><span>|</span>
					<a href="">视频电话</a><span>|</span>
					<a href="">小米后院</a><span>|</span>
					<a href="">小米天猫店</a><span>|</span>
					<a href="">小米淘宝直营店</a><span>|</span>
					<a href="">小米同盟</a><span>|</span>
					<a href="">问题反馈</a><span>|</span>
					<a href="">Select Region</a>
				</p>

				<p>©<a href="">mi.com</a> 京ICP证110507号 京ICP备10046444号 <a href="">京公网安备11010802020134号</a> <a href="">京网文[2014]0059-0009号</a> </p>

				<p>违法和不良信息举报电话：185-0130-1238, 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>

			</div>
			<div class="right">
				<a href=""><img src="./miimg/di1.png" alt="" width="83px;" height="28px"></a>
				<a href=""><img src="./miimg/di2.png" alt="" width="83px;" height="28px"></a>
				<a href=""><img src="./miimg/di3.png" alt="" width="83px;" height="28px"></a>
				<a href=""><img src="./miimg/di4.png" alt="" width="83px;" height="28px"></a>
			</div>
		</div>
		</div>

		<div class="mi">
			<div class="jia">探索黑科技，小米为发烧而生!</div>
		</div>
			
	
	
</body>
</html>